
<%@ include file="/common/taglibs.jsp"%>
<%@ include file="/common/header.jsp" %>
<div class="container">
  <!-- HEADER -->
  <div class="header">
     
  </div>

  <!-- CONTENT -->
  <div class="content">
      
    <div class="content_res">
      <div class="leftblock vertsortable">

        <!-- gadget left 1 -->
        <div class="gadget">          
          <div class="gadgetblock">
            <p>Mantenimiento de Usuarios</p>
          </div>
        </div>

        <!-- gadget left 2 -->
        <div class="gadget">
          <div class="titlebar">            
            <h3>Listado de Usuarios</h3>
          </div>
          <div class="gadgetblock">
            <form action="" method="post" id="form_tabexample" class="form_example">
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="gwlines arborder">
                <tr>
                  <th width="28" class="rborder"><input name="utc1" id="utc1" type="checkbox" /></th>
                  <th width="140" class="rborder">Nombres</th>
                  <th width="120" class="rborder">Usuario</th>
                  <th class="rborder">Fecha Registro</th>
                  <th colspan="2" class="calign" width="40px">Opciones</th>
                </tr>
                
                    <c:forEach var="usuario" items="${usuarios}">
                    <tr>
                      <td class="rborder"><input name="utc2" id="utc2" type="checkbox" /></td>
                      <td class="rborder"><c:out value="${usuario.nombres}"/></td>
                      <td class="rborder"><a href="#"><c:out value="${usuario.idusuario}"/></a></td>
                      <td class="rborder"><c:out value="${usuario.freg}"/>&nbsp;</td>
                      <td width="16px"><a href="adm_registroUsuario.htm?idusuario=${usuario.idusuario}"><img src="images/imagesAdm/icon_lapiz.png" alt="Editar" width="13" height="14" class="tabpimpa" /></a></td>
                      <td width="16px"><a href="#"><img src="images/imagesAdm/icon_X.png" alt="Eliminar" width="13" height="14" class="tabpimpa" /></a></td>
                    </tr>
                    </c:forEach>
                
                  <!--

                <tr>
                  <td><input name="utc2" id="utc2" type="checkbox" /></td>
                  <td>Mike Smith</td>
                  <td class="lrborder"><a href="mailto:company@name.com">company@name.com</a></td>
                  <td class="ralign">$25.00</td>
                  <td class="lrborder"><a href="http://www.nthemes.net">www.nthemes.net</a></td>
                  <td width="24"><a href="#"><img src="images/tab_icon1.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                  <td width="24"><a href="#"><img src="images/tab_icon2.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                  <td width="24"><a href="#"><img src="images/tab_icon3.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                </tr>
                <tr>
                  <td><input name="utc3" id="utc3" type="checkbox" /></td>
                  <td>Mike Smith</td>
                  <td class="lrborder"><a href="mailto:company@name.com">company@name.com</a></td>
                  <td class="ralign">$25.00</td>
                  <td class="lrborder"><a href="http://www.nthemes.net">www.nthemes.net</a></td>
                  <td><a href="#"><img src="images/tab_icon1.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                  <td><a href="#"><img src="images/tab_icon2.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                  <td><a href="#"><img src="images/tab_icon3.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                </tr>
                <tr>
                  <td><input name="utc4" id="utc4" type="checkbox" /></td>
                  <td>Mike Smith</td>
                  <td class="lrborder"><a href="mailto:company@name.com">company@name.com</a></td>
                  <td class="ralign">$25.00</td>
                  <td class="lrborder"><a href="http://www.nthemes.net">www.nthemes.net</a></td>
                  <td><a href="#"><img src="images/tab_icon1.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                  <td><a href="#"><img src="images/tab_icon2.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                  <td><a href="#"><img src="images/tab_icon3.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                </tr>
                <tr>
                  <td><input name="utc5" id="utc5" type="checkbox" /></td>
                  <td>Mike Smith</td>
                  <td class="lrborder"><a href="mailto:company@name.com">company@name.com</a></td>
                  <td class="ralign">$25.00</td>
                  <td class="lrborder"><a href="http://www.nthemes.net">www.nthemes.net</a></td>
                  <td><a href="#"><img src="images/tab_icon1.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                  <td><a href="#"><img src="images/tab_icon2.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                  <td><a href="#"><img src="images/tab_icon3.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                </tr>
                <tr>
                  <td><input name="utc6" id="utc6" type="checkbox" /></td>
                  <td>Mike Smith</td>
                  <td class="lrborder"><a href="mailto:company@name.com">company@name.com</a></td>
                  <td class="ralign">$25.00</td>
                  <td class="lrborder"><a href="http://www.nthemes.net">www.nthemes.net</a></td>
                  <td><a href="#"><img src="images/tab_icon1.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                  <td><a href="#"><img src="images/tab_icon2.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                  <td><a href="#"><img src="images/tab_icon3.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                </tr>
                <tr>
                  <td><input name="utc7" id="utc7" type="checkbox" /></td>
                  <td>Mike Smith</td>
                  <td class="lrborder"><a href="mailto:company@name.com">company@name.com</a></td>
                  <td class="ralign">$25.00</td>
                  <td class="lrborder"><a href="http://www.nthemes.net">www.nthemes.net</a></td>
                  <td><a href="#"><img src="images/tab_icon1.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                  <td><a href="#"><img src="images/tab_icon2.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                  <td><a href="#"><img src="images/tab_icon3.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                </tr>
                <tr class="last">
                  <td><input name="utc8" id="utc8" type="checkbox" /></td>
                  <td>Mike Smith</td>
                  <td class="lrborder"><a href="mailto:company@name.com">company@name.com</a></td>
                  <td class="ralign">$25.00</td>
                  <td class="lrborder"><a href="http://www.nthemes.net">www.nthemes.net</a></td>
                  <td><a href="#"><img src="images/tab_icon1.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                  <td><a href="#"><img src="images/tab_icon2.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                  <td><a href="#"><img src="images/tab_icon3.gif" alt="picture" width="24" height="20" class="tabpimpa" /></a></td>
                </tr>

                  -->
               </table>

                
              <p style="display:none"><select id="dropdown" name="dropdown" class="cntresults">
                <option selected="selected" value="10">10 results</option>
                <option value="20">20 results</option>
                <option value="30">30 results</option>
                <option value="50">50 results</option>
                <option value="100">100 results</option>
              </select>
              <a href="#" class="pnbtn">&laquo;</a> <input id="page" name="page" class="text mini" value="1 / 5" /> <a href="#" class="pnbtn">&raquo;</a></p>
            </form>
            <p>0 Usuarios Registrados</p>
          </div>
        </div>

      

      </div>
      <div class="rightblock vertsortable">

        <!-- gadget right 1 -->
        <div class="gadget" style="display:none">
          <div class="titlebar vertsortable_head">
            <a href="#" class="hidegadget" rel="hide_block"><img src="images/spacer.gif" alt="picture" width="19" height="33" /></a>
            <h3>Date &amp; Time</h3>
          </div>
          <div class="gadgetblock">
            <div class="whiteblock">
              <p class="timeclock"><img src="images/icon_clock.gif" alt="picture" width="26" height="26" /> <span id="tm">11:57</span></p>
              <p class="light nobottom p_center">20th June, 2009, Friday</p>
            </div>
            <!-- Datepicker -->
            <h3><img src="images/icon_calendar.gif" alt="picture" width="21" height="21" class="calendar" />Calendar</h3>
            <div id="datepicker"></div>
            <div class="clr"></div>
            <p class="bot8px"><a href="#" class="colourbutton button_orange"><span><span>+  Add Event</span></span></a>&nbsp;<a href="#" class="colourbutton button_blue"><span><span>List Events</span></span></a></p>
          </div>
        </div>

        <!-- gadget right 2 -->
        <div class="gadget">
          <div class="titlebar vertsortable_head">
            <a href="#" class="hidegadget" rel="hide_block"></a>
            <h3>Opciones</h3>
          </div>
          <div class="gadgetblock">
            <ul class="grayarrow withlines">
              <li class="first"><a href="#">Nuevo Usuario</a></li>
              <li><a href="#">Eliminar</a></li>
              <li class="last"><a href="#">Refrescar</a></li>
            </ul>
          </div>
        </div>

      </div>
      <div class="clr"></div>
    </div>

  </div>

  <!-- FOOTER -->
  <div class="footer">
    
  </div>

</div>

